<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/hdiv-spring.tld" %>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>

<c:url value="mostrarHWF4024.html" var="consultaIngresosSalidas"/>

<script language="JavaScript" type="text/javascript" src="javascript/HMF2003.js"></script>
<%--
   
    * Sistema                                       : Hermetic
    * M?dulo                                        : Reportes/Ingresos y Salidas
    * Versi?n                                       : 1.0
    * Creado por                                    : Jesús Angulo
    * Fecha de creaci?n                             : 28/05/2012      
    * Modificado por                                : Jesús Angulo
    * Fecha de ?ltima modificaci?n                  : 29/05/2012
    * Detalles                                      : Esta p?gina permite consultar el reporte de ingresos y salidas 
                                                      para una cuenta sin bóveda en HTB (Zona Registral) 
    * Copyright                                     : Hermes transportes blindados
       
--%>
    <script type="text/javascript">
    
    
    $(document).ready(function(){ 
        $("#fechadesde").datepicker();
        $("#fechahasta").datepicker();
        var msg;
        
        $("#mensaje").html("");
        //habilitar y deshabilitar el boton Punto
        $("#punto").change( function(){ 
            if(  $("#punto").val()==1 ) $("#opener_punto").show(); 
            else {
              $("#opener_punto").hide();
              $.get("<c:url value='selecPuntoCC.html'/>",{accion:"limpiarPuntos"}, function(responseText, status, xmlHttpRequest){
              });
            }
        } );                        
        if($("#punto").val()==1)$("#opener_punto").show();else $("#opener_punto").hide();
        
        //habilitar y deshabilitar el boton Banco
        $("#banco").change( function(){ 
            if(  $("#banco").val()==1 ) {
                $("#opener_banco").show();
            } else {
                $("#opener_banco").hide();
                $.get("<c:url value='selecBanco.html'/>",{accion:"limpiarBancos"}, function(responseText, status, xmlHttpRequest){
              });
            }
        } );                        
        if($("#banco").val()==1)$("#opener_banco").show();else $("#opener_banco").hide();
        

        $( "#dialog,#mygrid_container" ).dialog({autoOpen: false,height: 700,width: 345,modal: false});
        $( "#dialog" ).dialog({autoOpen: false,height: 600,width: 500,modal: false});
        $( "#opener" ).click(function() {$( "#dialog" ).dialog( "open" );return false;});
        $("#opener_banco").click(openWinBanco);
        $("#opener_punto").click(openWinPunto);
        
    });
    
    function show_loading(){  
    var loadingAnim = document.getElementById('loading_mostrar');  
    loadingAnim.innerHTML = '<img src="imagenes/logoProcesandoDown.gif" width=' + xx_d + 'height=' + yy_d + 'alt="Procesando" />';  
    loadingAnim.style.display = 'block';      
    }
    
    function openPDF(winheight,winwidth)
    {
        winwidth='650';
        winheight='700';
        //window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        window.open('seguridad/procesando.html', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        var accion = 'mostrarPDF';
        var target = 'window1';        
        document.forms[0].formulario.value = 'HMR4024';        
        document.forms[0].target = target;        
        document.forms[0].accion.value = accion;
        document.forms[0].submit();       
    }  
    
    function openExcel()
    {
        document.forms[0].accion.value = 'mostrarExcel';
        document.forms[0].submit();       
    }  
    
    
    function cursor_wait() {
      document.body.style.cursor = 'wait';
    }
    
    function abrir() {   
      $("#mensaje").html("");
      if (document.forms[0].tipoUnidMone.value== "") {
        $("#mensaje").html("Seleccione la Unidad Monetaria");
        document.forms[0].tipoUnidMone.focus();
        return false;
      }
      if($("#fechadesde").val()==""){
          $("#mensaje").html("Seleccione fecha inicio");
          return false;
      } 
      if($("#fechahasta").val()==""){
          $("#mensaje").html("Seleccione fecha fin");
          return false;
      }

       msg=checkDate1(document.forms[0].fechadesde);
       if(msg != "") {
            $("#mensaje").html(msg);
            $("#fechadesde").focus();
            return false;
        }

        msg=checkDate1(document.forms[0].fechahasta);
        if(msg != "") {
            $("#mensaje").html(msg);
            $("#fechahasta").focus();
            return false;
        }
     
      if(validaFechaMayorNoHoy(document.forms[0].fechahasta.value)==true){
        $("#hora").val("Al Cierre");
      }

      msg=validaRango1(document.forms[0].fechadesde,document.forms[0].fechahasta);
      if(msg != "") {
          $("#mensaje").html(msg);
          $("#fechahasta").focus();
          return false;
      }

        //activar el div procesando con javascript
        show_loading();
        setTimeout('show_loading();', 1000);
        cursor_wait() ;
          //////  
        moveForward('mostrar');
  
          return true;
    }
    
    
    function openWinPunto(){
        childWindowPunto=window.showModalDialog('<c:url value="selecPuntoCC.html" />&tipoPunt='+0,'selecPunto',"dialogWidth:680px;dialogHeight:420px");
    }  
    
    function openWinBanco(){
        childWindowPunto=window.showModalDialog('<c:url value="selecBanco.html" />','selecBanco',"dialogWidth:680px;dialogHeight:420px");
    }  
        

      
    </script>

<style type="text/css">  
<!-- 
#loading_mostrar {display:none;}  
-->  
</style> 

<form:form modelAttribute="form" action="${consultaIngresosSalidas}">
<form:hidden path="accion"/>
<form:hidden path = "control"/>
<form:hidden path="cliente"/>
<form:hidden path="sucursal"/>
<form:hidden path="fecha"/>
<form:hidden path="formulario"/>
<form:hidden path="opcion" />
<form:hidden path="desTipMovRepo"/>
<form:hidden path="desUnidMoneRepo"/>

<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

<table id="fullheighttable" width="775" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="left" valign="top" class="fondo_contenido padtop16left21">
      <table width="100%" border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
      <tr>
        <td height="22" align="left" valign="top" class="verdana11bazul">
		<ul class="navlist2">
	     	   <li>MOVIMIENTO DE INGRESOS Y SALIDAS</li>
		</ul>
        </td>
         <td align="left" width="80">
               <a href="#" id="opener_agregarFavoritos"> <img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a>
         </td>
      </tr>
      <tr>
        <td align="left" valign="top" class="borde_totalblanco">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td  height="23" align="left" valign="middle" class="verdana10bazul">Cliente</td>
            <td height="23" align="left" valign="middle" class="verdana10negro"
                >&nbsp;
                <c:out value="${sessionScope.nombreCliente}"/>
               </td>
          </tr>
          <!-- Muestra el grupo de clientes en caso de coorporaci?n      -->
          <c:if test="${not empty listaClientes}">
            <tr>
                <td height="23" align="left" valign="middle" class="verdana10bazul">
                    Grupo Cliente
                </td>
                <td>
                <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="cli_grupo">                        
                            <form:option value=""></form:option>
                            <form:options items="${listaClientes}"
                                          itemValue="codCliente"
                                          itemLabel="nombre"/>
                </form:select> 
                </td>
            </tr>
          </c:if>
          
          <tr>
          <!--PUNTOS-->
            <td width="8%" height="27" align="left" valign="middle" class="verdana10bazul">Puntos</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro"
                width="30%">
                
             <table border="0">
             <tr>
                <td>
                <div id="puntosDiv" class="fondo_txtbox90">                
                <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                             path="punto" tabindex="1">
                          <form:option value="0">TODOS</form:option>
                          <form:option value="1">ALGUNOS</form:option>
                </form:select>                     
                </div>
                </td>
                <td>
                <a href="#" id="opener_punto"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>  
                </td> 
            </tr>
            </table>
            </td> 
            
            <!-- BANCOS-->
            
            <td width="12%" height="27" align="left" valign="middle" class="verdana10bazul">Banco</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro"
                width="25%">                
             <table border="0">
             <tr>
                <td>
                  <div id="bancosDiv" class="fondo_txtbox90">   
                     <form:select path="banco" tabindex="1" cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt">
                      <form:option value="0">TODOS</form:option>
                      <form:option value="1">ALGUNOS</form:option>
                     </form:select>
                  </div>
                </td>
                <td> 
                  <a href="#" id="opener_banco"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>
                </td> 
            </tr>
            </table>
            </td>            
          </tr>
          
          <!-- UM-->
          <tr>
            <td height="34" align="left" valign="middle" class="verdana10bazul">U. M.</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro" >
            
            <table border="0">
             <tr>
                <td>                
                <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="tipoUnidMone" tabindex="2">                        
                            <form:option value=""></form:option>
                            <form:options items="${listadoUnidMone}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                </form:select>                                     
                
            </td>
            
            </tr>
            </table>            
            </td>
            
            <!-- TIPO MOVIMIENTO-->
           <td height="34" align="left" valign="middle" class="verdana10bazul">Tipo Movimiento</td>
            <td height="34" align="left" valign="bottom" >
            
            <table border="0">
             <tr>
                <td>                
                <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="movimiento" tabindex="4">                        
                            <form:option value="0">TODOS</form:option>
                            <form:options items="${listadoMovimiento}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                </form:select>                                     
                
            </td>
            </tr>
            </table>            
            </td>            
          </tr>
          <!--FECHAS-->
          <tr>
            <td height="34" align="left" valign="middle" class="verdana10bazul">Fecha</td>
            <td height="34" align="left" valign="middle" class="verdana10negro"
                colspan="3">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="center" valign="bottom" class="padright10">
                  <div class="fondo_txtbox90">
                       <form:input path="fechadesde" maxlength="10" size="12" readonly="false"/>
                   </div></td>
                   
                  <td class="verdana10bazul" width="64" valign="middle" align="center">&nbsp;&nbsp;Hasta&nbsp;&nbsp; </td>
                  <td align="center" valign="bottom" class="padright10">
                  <div class="fondo_txtbox90">
                       <form:input path="fechahasta" maxlength="10" size="12" readonly="false"/>
                   </div></td>                                                    
                   
                  <td class="verdana10bazul" valign="middle" width="64">&nbsp;&nbsp;Hora&nbsp;&nbsp; </td>
                  <td width="60" align="right" valign="bottom">
                  <div class="fondo_txtbox65">
                    <form:input path="hora" maxlength="9" size="9" readonly="true"/></div></td>
                  <td width="140" align="right" valign="middle">
                  <input type="button" value="Mostrar" name="mostrar" class="boton" onclick="javascript:abrir()"/></td>
                </tr>
            </table></td>
          </tr>
          <tr><td align="left" colspan="2" height="27"  class="verdana10bazul">
          <div id="mensaje" align="left" style="color:red"></div></td>
          </tr>         
        </table>
        </td>
      </tr>
           <tr>
                <td colspan="4" align="center">    
                <div id="loading_mostrar"><img id="logoDown" src="imagenes/logoProcesandoDown.gif" alt="Procesando" /></div>  
                </td>
          </tr>
          <tr>
                <td colspan="4" align="left">    
                <span id="message_alert" style="color:red;"><c:out value="${message_alert}"/></span>
                </td>
          </tr>
      </table>

      <table width="720px" border="0" cellpadding="0" cellspacing="0" class="margintop20" id="displayTagDiv" >
        <tr >
          <td width="100%">
          <c:if test="${(mostrarLista == 0 )||(mostrarLista == 1)}">
              <display:table id="lista" name="listaIngresosSalidas" cellpadding="0"
                             cellspacing="0" style="width:100%" pagesize="10"
                             export = "false"                            
                             requestURI="${consultaIngresosSalidas}"
                             class="its7">
               <tbody>
                <display:column property="fecha"
                                headerClass="even1" class="cellcenter "
                                title="Fecha"/>
                <display:column property="serie"
                                headerClass="even1" class="cellderecha " 
                                title="Serie"/>
                <display:column property="numero"
                                headerClass="even1" class="cellderecha "
                                title="C/S"/>
                <display:column property="desAgent"
                                headerClass="even1" class="even"
                                title="Banco"/>
                <display:column property="desPunto"
                                headerClass="even1" class="even "
                                title="Punto" />
                <display:column property="envases"
                                headerClass="even1" class="cellcenter "
                                title="Envases"/>
                <display:column property="tipoSal"
                                headerClass="even1" class="cellcenter "
                                title="Tipo"/>
                <display:column headerClass="even1" class="cellderecha "
                                title="Monto">
                        <fmt:formatNumber type="number" pattern="###,###,##0.00" value="${lista.monto}"/>
                </display:column>
               </tbody>
              </display:table>
          </c:if>               
          </td>
        </tr>
        <tr><td>&nbsp;</td>
        </tr>
        
        
        <tr><td>      
        <c:if test="${mostrarLista == 1}">        
        <table width="100%" border="0" cellpadding="0" cellspacing="0" class="its7">
        <tbody>
        <tr class="even2">
            <td width="60%" colspan="2">&nbsp;</td>
            <td width="20%" align="center" class="verdana11bazul">Ingresos</td>
            <td width="20%" align="center" class="verdana11bazul">Salidas</td>
        </tr>
        <tr>
            <td width="20%">&nbsp;</td>
            <td width="40%" align="right" class="verdana11bazul">${desMoneda}</td>
            <td width="20%" align="right" class="verdana11bazul">
                <fmt:formatNumber type="number" pattern="###,###,##0.00" value="${ingresos}"/>
            </td>
            <td width="20%" align="right" class="verdana11bazul">
                <fmt:formatNumber type="number" pattern="###,###,##0.00" value="${salidas}"/>
            </td>
        </tr>
        </tbody>
        </table>
        </c:if>
        </td>
        </tr>
      </table>

     <c:if test="${mostrarLista == 1}">      
	  <div class="margintop31">
            <input type="button" value="Generar PDF" name="reportePDF" class="boton" onclick="javascript:openPDF(450,920)"/>
            <input type="button" value="Generar Excel" name="reporteExcel" class="boton" onclick="javascript:openExcel()"/>
	  </div>
     </c:if>            

	  </td>
  </tr>
</table>
</form:form> 